// vue.config.js
const path = require('path')
const conf = require("./src/config/env.config");  //路径配置
const CompressionPlugin = require('compression-webpack-plugin')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? conf.proBaseURL : conf.devBaseURL,
  // 将构建好的文件输出到哪里
  outputDir: 'dist',
  // 放置生成的静态资源(js、css、img、fonts)的目录。
  assetsDir: 'static',
  // 指定生成的 index.html 的输出路径
  indexPath: 'index.html',
  //如果不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
  productionSourceMap: false,
  // 配置css
  css: {
    //打包编译后的 模块名称.版本号.时间戳】 [hash]
    extract: {
      filename: `static/css/[name].${conf.version}.css`,
      chunkFilename: `static/css/[name].${conf.version}.css`,
    },
    sourceMap: true,
    // css预设器配置项
    loaderOptions: {
      // 向全局stylus样式传入共享的全局变量
      stylus: {
        import: '~@/assets/styles/global.styl',
      },
      //vant自适应转rem
      postcss: {
        plugins: [
          require('postcss-px2rem')({
            remUnit: 100
          })
        ]
      }
    },
    // 启用 CSS modules for all css / pre-processor files.
    modules: false
  },
  chainWebpack: config => {
    // 添加别名
    config.resolve.alias
      .set('@', resolve('src'))
      .set('@assets', resolve('src/assets'))
      .set('@components', resolve('src/components'))
      .set('@views', resolve('src/views'))
      .set('@utils', resolve('src/utils'))

    config.optimization.minimizer('terser').tap((args) => {
      // 去除生产环境console
      args[0].terserOptions.compress.drop_console = true
      return args
    })
  },
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [
          new CompressionPlugin({ // gzip压缩配置
            test: /\.js$|\.html$|.\css/, // 匹配文件名
            threshold: 10240, // 对超过10k的数据压缩
            deleteOriginalAssets: false // 不删除源文件
          })
        ],
        output: { // 打包编译后的 模块名称.版本号.时间戳】 [hash]
          filename: `static/js/[name].${conf.version}.js`,
          chunkFilename: `static/js/[name].${conf.version}.js`
        },
      }
    }
  },
  devServer: {
    open: true, //是否自动弹出浏览器页面
    host: '192.168.0.111', //指定要使用的主机。默认情况下这是localhost。
    port: 8089, //端口号，
    https: false, // https:{type:Boolean}
    disableHostCheck: true, //内网穿透使用的--自用
    hot: true,
    overlay: {
      warning: false,
      error: false
    },
    proxy: {  //跨域代理
      "/api": {
        target: "http://192.168.0.136:8502/api/",  //目标代理服务器地址
        changeOrigin: true,  //允许跨域
        "secure": false,  //设置证书免校验
        ws: true,  // 代理的WebSockets
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  },
}